@import '../../assets/styles/vars.less';

.container {
  .header {
    position: relative;
    height: 210Px;
    background-color: @theme-color;

    .userinfo {
      padding-top: 30Px;

      .avatar-wrapper {
        margin: 0 auto;
        width: 80PX;
        height: 80PX;
        box-shadow: 0 12Px 64Px rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        overflow: hidden;
      }

      .nickname-wrapper {
        padding-top: 10Px;
        font-size: @text-size-big;
        color: #fff;
        text-align: center;
      }

      .phone-wrapper {
        line-height: 24Px;
        font-size: @text-size-small;
        color: #fff;
        text-align: center;

        .text {
          margin-right: 8Px;
        }
      }
    }
  }

  .content {
    position: relative;
    height: 100%;

    .card {
      margin: -20Px @base-size * 2 0;
      background-color: #fff;
      border-radius: 4Px;
      box-shadow: 0 3Px 6Px rgba(0, 0, 0, 0.04);

      .audit-wrapper {
        display: flex;
        justify-content: space-around;

        .item {
          text-align: center;

          .num {
            display: block;
            font-size: @text-size-bigger;
          }

          .text {
            display: block;
            font-size: @text-size-mini;
            color: @text-color-sub;
          }
        }
      }
    }
  }
}
